@color: rgb(175, 117, 10);

section{
    height: 200px;
    background: @color;
}

main .vue{
    width: 200px;
    height: 200px;
    background: url(../images/vue.png);
    background-size: cover;
    float:left;
}

main .react{
    width: 200px;
    height: 200px;
    background: url(../images/react.png);
    background-size: cover;
    float:left;
}

@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/iconfont.woff2') format('woff2'),
        url('../fonts/iconfont.woff') format('woff'),
        url('../fonts/iconfont.ttf') format('truetype'),
        url('../fonts/iconfont.svg#iconfont') format('svg');
  }

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}